<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>东莞市豪门闺秀化妆品有限公司</title>
{dede:include filename="cssjs.htm"/}
<script>
$(document).ready(function () {
	$(".main_visual").hover(function(){
		$("#btn_prev,#btn_next").fadeIn()
		},function(){
		$("#btn_prev,#btn_next").fadeOut()
		})
	$dragBln = false;
	$(".main_image").touchSlider({
		flexible : true,
		speed : 200,
		btn_prev : $("#btn_prev"),
		btn_next : $("#btn_next"),
		paging : $(".flicking_con a"),
		counter : function (e) {
			$(".flicking_con a").removeClass("on").eq(e.current-1).addClass("on");
		}
	});
	$(".main_image").bind("mousedown", function() {
		$dragBln = false;
	})
	$(".main_image").bind("dragstart", function() {
		$dragBln = true;
	})
	$(".main_image a").click(function() {
		if($dragBln) {
			return false;
		}
	})
	timer = setInterval(function() { $("#btn_next").click();}, 5000);
	$(".main_visual").hover(function() {
		clearInterval(timer);
	}, function() {
		timer = setInterval(function() { $("#btn_next").click();}, 5000);
	})
	$(".main_image").bind("touchstart", function() {
		clearInterval(timer);
	}).bind("touchend", function() {
		timer = setInterval(function() { $("#btn_next").click();}, 5000);
	})
});
</script>
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body>
<div id="#root">
	<div id="head">
    	{dede:include filename="head.htm"/}
    </div>
    <div id="banner">
    	<div class="main_visual">
                <div class="flicking_con">
                	<div class="flicking_inner">
                    <a href="javascript:">1</a>
                    <a href="javascript:">2</a>
                    <a href="javascript:">3</a>
                    <a href="javascript:">4</a>
                    <a href="javascript:">5</a>
               	 </div>
            </div>
			<div class="main_image">
				<ul>
					<li><span class="img_3"></span></li>
					<li><span class="img_4"></span></li>
					<li><span class="img_1"></span></li>
					<li><span class="img_2"></span></li>
					<li><span class="img_5"></span></li>
				</ul>
				<a href="javascript:;" id="btn_prev"></a>
				<a href="javascript:;" id="btn_next"></a>
			</div>
			</div>
    </div>
    <div id="foot">
    	{dede:include filename="foot.htm"/}
    </div>
</div>
</body>
</html>
